<template>
  <div  class="csj-model">
      <Drawer
      title="添加用户"
      width="60%"
      v-model="isShowModel"
      @on-close="close"
    >
      <pub-area :inline="false" :isShowBtns="false" :isShowComplex="true" ref="area"></pub-area>
      <Form :model="formItem" :label-width="80">
        <Form-item label="用户名：">
          <Input v-model="formItem.username" placeholder="请输入"></Input>
        </Form-item>
        <Form-item label="姓名：">
          <Input v-model="formItem.truename" placeholder="请输入"></Input>
        </Form-item>
        <Form-item label="密码" prop="passwd">
          <Input type="password" v-model="formItem.password"></Input>
        </Form-item>
 
      </Form>
      <div class="csj-drawer-footer">
        <Button @click="close">取消</Button>
        <Button @click="confirm" type="primary" class="ml10">确定</Button>
      </div>
    </Drawer>
  </div>
</template>
<script lang="ts" src="./member-add.ts"></script>